
<style type="text/css" media="screen">

 .login{
     box-shadow: 0px 3px 5px #999;     
     background: #eceded;
 }    
    
.login, .login .titulo {
    border-top-left-radius: 8px; border-top-right-radius: 8px;
}     
       
    .login .titulo{        
        border: none;
        width: 262px;
        
        /* GRADIENTE */
        background: #7d7e7d; /* Old browsers */
        background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
        background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    }
    
        .login .titulo h3{
            color: #fff;
        }
        
        
     .login .widget-box{
        border-top: 2px solid #6fc31c;  
        padding: 15px 0;
     }
     
     #loginform{ width: 90%;}
     
     #loginform label{ display: block; width: 100%; padding: 4px 0;}
     #loginform label span{text-align: right;}
     #loginform label span.log{ padding-right: 2px;}
     #loginform label input{
         height: 24px; width: 75%; background: #fff; color: #333; border: 1px solid #ccc;
         border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
     }
     
     #loginform .box-buttom{ padding-top: 5px;}
     
     #loginform .send{
        border: none;
        border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
        padding: 6px 10px;
        color: #fff;

        background: #2c7f0d; 
     }
     
     #loginform .send:hover{ background: #6ec01c; cursor: pointer; }
     
     
     
     .login .esqueceu{text-align: left; padding: 5px 0 0 9px;}
    
</style>

<?php
    global $user_ID;
    get_currentuserinfo();
    if (!$user_ID):
?>
        <div class="widget login">
            <div class="titulo">
                <h3>Login <span class="font-Cipher font-14">(Exclusivo CCNM)</span></h3>
            </div>
            <div class="widget-box">
                <center>
                    <form name="loginform" id="loginform" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method="post">
                        <label for="log"><span class="log">Login: </span>
                            <input type="text" name="log" id="log" value="" tabindex="7" />
                        </label>
                        <label for="pwd"><span>Senha: </span>
                            <input type="password"  name="pwd" id="pwd" value="" tabindex="8" />
                        </label>
                        <div class="box-buttom">
                            <input type="submit" class="send" value="Entrar &raquo;" tabindex="10" />
                        
                            <?php wp_register('', ''); ?>
                            <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>                        
                        </div>
                        <div class="esqueceu">
                            <a href="<?php echo get_settings('siteurl'); ?>/wp-login.php?action=lostpassword" title="Veja como lembrar sua senha">
                                Esqueceu sua Senha?
                            </a>
                        </div>
                        
                    </form>
                </center>
            </div>        
        </div>                
            
<?php endif; ?>  